<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3.tab[90%] <<=- 2.menu[50%] <<=- 1.idle[90%]</title>
<link href="../hc.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../hc.js"></script>
<script type="text/javascript" src="../idle.js"></script>
<script type="text/javascript" src="../menu.js"></script>
<script type="text/javascript" src="../tab.js"></script>
<script type="text/javascript" src="../split.js"></script>
<script type="text/javascript" src="../mask.js"></script>
<style type="text/css" title="">
html
{
padding:0 !important;
padding:25px 0 36px 0;
}
#bar
{
position:absolute;
top:0;
left:0;
width:100%;
height:25px;
}
#mid
{
position:absolute;
top:25px;
left:0;
right:0;
bottom:36px;
width:100%;
height:auto !important;
height:100%;
overflow:auto;
}
#foot
{
position:absolute;
left:0;
bottom:0;
width:100%;
height:36px;
z-index:2010;
}
#credits
{
margin:2px;
background:#fafaff;
}
.mnu
{
background:url("ui/bg2.gif") repeat-x;
}
.nav
{
border-top:solid 1px #f9f9f9;
border-bottom:solid 1px #cde;
background:#f9f9f9;
}
#subm
{
top:200px;
left:200px;
width:200px;
}
.btn2
{
background:url("ui/bg2.gif") no-repeat;
}
.dv
{
width:601px;
}
#uf{
display:block;
width:16px;
height:16px;
background:url("icos/idle7.gif") -80px 1px no-repeat;
float:left;
}
.tab .x,
.tab .v
	{
	border-width:0;
	}
</style>
</head>

<body>
<div id="bar"></div>
<div id="mid"></div>
<div id="foot">
	<div id="credits">
		<span class="key">1</span>
		<span class="key">2</span>
		<span class="key">3</span>
		<input type="button" style="z-index:92010;" value="mask.on" name="mmk1" onclick="try{my.mask.on$();}catch(x){}" />
		<input type="button" style="position:absolute;z-index:92010;" value="mask.off" id="msk2" onclick="try{my.mask.off$();}catch(x){}" />
	</div>
</div>
<script type="text/javascript">
//<![CDATA[
var my={
		inf:{
			token:'<?php echo $token; ?>',
			user:'<?php echo $myacc; ?>',
			module:'<?php echo $module; ?>',
			mdlid:'9999<?php printf($gets.>>.$sess); ?>',
			locref:'<?php echo $token; ?>'
		},
		res:{
			'helptab':{tab:{label:'help',cls:'a'}, id: 'help', ico:{src:'/icos/help.png',alt:'c'}, data:function(){var Z=this;my.split=new split$({width:250,elem:Z}).init$();}},
			'hometab':{tab:{label:'Home',cls:'a'}, id: 'home', ico:{src:'icos/45.png',alt:'g'}, locked:true, data:function(){htm$('test.php',my.inf,this);}}
		}
	};
my.mask=new mask$({id:'zz-masker',opacity:30}).init$();
my.menu=new menu$({id:'topmenu',elem:$('bar'),menu:[
	{cls:'l',css:'margin-left:3px;',id:'_hcg',ico:{src:'icos/45.png',alt:'system'},fn:function(a){}},
	{label:{txt:'-|-'},cls:'zl'},
	{cls:'l',css:'',id:'home',ico:{src:'icos/45.png',alt:''},
		label:{txt:'home'},key:'j',fn:function(){my.tab.new$(my.res.hometab);}},
	{cls:'r',css:'margin-right:5px;',a:{id:'exit'},
		label:{txt:'exit',cls:'u f_c'},sub:'exit',fn:function(){}},
	{cls:'r',id:'help',label:{txt:'help',cls:'u f_c'},fn:function(){my.tab.new$(my.res.helptab);}},
	{label:{txt:'-|-'},cls:'zr'},
	{cls:'r',id:'myacc',href:'idle.htm',label:{txt:'account'},fn:function(){alert('account setting');}},
	{cls:'r',id:'myidle',label:{id:'uf'},fn:function(){alert('user status');}}
	]}).init$();
my.tab=new tab$({id:'mytab',elem:$('mid'),tabs:{}}).init$().new$(my.res.hometab);
my.idle=new idle$(my.inf,'',{idle:function(a){if(!isNaN(a))$('uf').style.backgroundPosition=16*(1-a) +'px 1px';},timeout:function(){top.location.reload();}}).go$();
//bind$(window,'resize',function(){var r=win$();if(r.resized)alert(strJSON$(r));});
/* $('zz').onclick=function(){if(hcol&&hcol.remove$){clearInterval(hcol.ini);hcol.remove$();}}; */
/* var xml=xmlJSON$({name:"max", value:"2009",data:{gender:'male',age:99},date:'02-09'});
var json=jsonXML$(xml);
alert(strJSON$(json)); */

//]]>
</script>
</body>
</html>
